import QtQuick 2.0
import QtQuick.Controls 2.0
Rectangle{
    id:whole;
    width: 1280
    height: 775
    color:"cadetblue";
    Rectangle{
        id:upper;
        x:0;y:0;
        width: 1280; height: 150;
        color:"cadetblue";
        border.color: "yellow";
        border.width: 1;
        Rectangle{
            id:upperleft;
            x:20;y:45;
            width: 200; height: 60;
            color:"cadetblue";
            border.color: "black";
            border.width: 2;
            Text{
                text:"系 统 流 程";
                anchors.centerIn: parent;
                color: "yellow";
                font.family: "Ubuntu";
                font.pixelSize: 30;
            }
        }
        Rectangle{
            id:uppermid;
            x:350;y:10;
            width: 600; height: 100;
            color:"cadetblue";
            Text{
                text:"系统状态";
                color:"yellow";
                font.family: "Ubuntu"
                font.pixelSize: 20
                y:3;
                anchors.horizontalCenter: parent.horizontalCenter;
            }
            Rectangle{
                y:30;anchors.horizontalCenter: parent.horizontalCenter;
                width: 500; height: 30;
                color:"cadetblue";
                Text{
                    text:"1#锅炉";
                    x:10;y:10;
                    font.family: "Ubuntu"
                    font.pixelSize: 15
                    color:"yellow";
                }
                Rectangle{
                    x:70;y:5;
                    width: 130; height: 20;
                    color:"#CCEEFF";
                }
                Rectangle{
                    x:215;y:5;
                    width: 130; height: 20;
                    color:"#CCEEFF";
                }
                Rectangle{
                    x:360;y:5;
                    width: 130; height: 20;
                    color:"#CCEEFF";
                }
            }
            Rectangle{
                y:65;anchors.horizontalCenter: parent.horizontalCenter;
                width: 500; height: 30;
                color:"cadetblue";
                Text{
                    text:"2#锅炉";
                    x:10;y:10;
                    font.family: "Ubuntu"
                    font.pixelSize: 15
                    color:"yellow";
                }
                Rectangle{
                    x:70;y:5;
                    width: 130; height: 20;
                    color:"#CCEEFF";
                }
                Rectangle{
                    x:215;y:5;
                    width: 130; height: 20;
                    color:"#CCEEFF";
                }
                Rectangle{
                    x:360;y:5;
                    width: 130; height: 20;
                    color:"#CCEEFF";
                }
            }
        }
        Rectangle{
            id:upperright;
            x:1025;y:35;
            width: 200; height: 50;
            color:"black";
            Timer {
                interval: 500; running: true; repeat: true
                onTriggered: systemprocess.text = Qt.formatDateTime(new Date(),
                                        "yyyy-MM-dd hh:mm:ss")
            }
            Text{
                id:systemprocess
                anchors.centerIn: parent;
                color: "yellow"
                font.family: "Ubuntu"
                font.pixelSize: 15
            }
        }
    }
    Rectangle{
        id:bottom;
        x:0;y:125
        width: 1280; height: 650;
        color:"cadetblue";
        Text{
            x: 82
            y: 172
            text:"1#锅炉"
            color:"black";
            font.pixelSize: 20
        }

        Rectangle{
            id:guolu;
            x:44;y:198
            width:238;height:176
            color:"#55ffff"
            border.color: "black"
            Rectangle{
                id:shidu;
                x:8;y:8
                width:208;height:27
                color:"#55ffff";
                Text{
                    text:"湿度             %"
                    //anchors.centerIn: parent;
                    color:"black";
                    font.pixelSize: 20
                }
                Rectangle{
                    x: 60
                    y: 0
                    width:91;height:19
                    color:"cadetblue"
                    border.color:"black";
                    Text{
                        text:"??????"
                        anchors.centerIn: parent;
                        color:"black";
                        font.family: "Ubuntu"
                        font.pixelSize: 15
                    }
                }
            }
            Rectangle{
                id:fenchen;
                x:8;y:41
                width:216;height:27
                color:"#55ffff";
                Text{
                    text:"粉尘             mg/m3"
                    //anchors.centerIn: parent;
                    color:"black";
                    font.pixelSize: 20
                }
                Rectangle{
                    x: 60
                    y: 0
                    width:91;height:19
                    color:"cadetblue"
                    border.color:"black";
                    Text{
                        text:"??????"
                        anchors.centerIn: parent;
                        color:"black";
                        font.family: "Ubuntu"
                        font.pixelSize: 15
                    }
                }
            }
            Rectangle{
                id:jingya;
                x:8;y:74
                width:208;height:27
                color:"#55ffff";
                Text{
                    text:"静压             Pa"
                    //anchors.centerIn: parent;
                    color:"black";
                    font.pixelSize: 20
                }
                Rectangle{
                    x: 60
                    y: 0
                    width:91;height:19
                    color:"cadetblue"
                    border.color:"black";
                    Text{
                        text:"??????"
                        anchors.centerIn: parent;
                        color:"black";
                        font.family: "Ubuntu"
                        font.pixelSize: 15
                    }
                }
            }
            Rectangle{
                id:wendu;
                x:8;y:106
                width:208;height:27
                color:"#55ffff";
                Text{
                    text:"温度             ℃"
                    //anchors.centerIn: parent;
                    color:"black";
                    font.pixelSize: 20
                }
                Rectangle{
                    x: 60
                    y: 0
                    width:91;height:19
                    color:"cadetblue"
                    border.color:"black";
                    Text{
                        text:"??????"
                        anchors.centerIn: parent;
                        color:"black";
                        font.family: "Ubuntu"
                        font.pixelSize: 15
                    }
                }
            }
            Rectangle{
                id:liuliang;
                x:8;y:139
                width:216;height:27
                color:"#55ffff";
                Text{
                    text:"流量             m3/h"
                    //anchors.centerIn: parent;
                    color:"black";
                    font.pixelSize: 20
                }
                Rectangle{
                    x: 60
                    y: 0
                    width:91;height:19
                    color:"cadetblue"
                    border.color:"black";
                    Text{
                        text:"??????"
                        anchors.centerIn: parent;
                        color:"black";
                        font.family: "Ubuntu"
                        font.pixelSize: 15
                    }
                }
            }
        }
        Rectangle{
            id:bottom_right;
            x: 514
            y: 35
            width:758;height:607
            border.width: 2;
            border.color: "black";
            radius:10;
            color: "cadetblue";
            Text{
                x: 191
                y: 564
                text:"CEMS分析室"
                font.family: "楷体"
                font.pixelSize: 30
            }
            Rectangle{
                id:jiankong;
                x:473;y:46
                width:100;height:100;
                color:"cadetblue"
                Image {
                    x: 0
                    y: 0
                    width: 100
                    height: 100
                    source: "qrc:///images/jiankong.png"
                }
                Text{
                    x: -8
                    y: 109
                    text:"数据监控单元";
                }
            }
            Rectangle{
                id:gprs;
                x:634;y:21
                width:73;height:125
                color:"cadetblue"
                Image {
                    x: 1
                    y: 0
                    width: 72
                    height: 126
                    source: "qrc:///images/gprs.png"
                }
                Text{
                    x: 1
                    y: 132
                    text:"GPRS单元";
                }
            }
            Rectangle{
                id:biaozhunqi;
                x:542;y:422
                width:68;height:109
                color:"cadetblue"
                Image {
                    x: 0
                    y: 0
                    width: 67
                    height: 109
                    source: "qrc:///images/biaozhunqi.png"
                }
                Text{
                    x: 13
                    y: 112
                    text:"标准气";
                }
            }
            Rectangle{
                id: qiti;
                x: 24
                y: 14
                width:395;height:472
                color:"#dddbd5"
                border.width: 2;
                border.color: "black";
                Rectangle{
                    id:caiji;
                    x: 148
                    y: 32
                    width:200;height:110
                    color:"grey";
                    border.color: "black";
                    border.width: 2;
                    Image {
                        x: 45
                        y: 28
                        width: 124
                        height: 67
                        source: "qrc:///images/caiji.jpg"
                    }
                }
                Text{
                    x: 8
                    y: 20
                    text:"气体分析柜";
                }
                Text{
                    x: 194
                    y: 8
                    text:"数据采集单元"
                }
                Text{
                    x: 176
                    y: 354
                    text:"红外气体分析仪"
                }

                Button{
                    x: 14
                    y: 428
                    text:"分析柜流程"

                }

                Rectangle{
                    id:fenxiyi;
                    x:143;y:204
                    width:237;height:144
                    color:"#55ffff"
                    border.color: "black"
                    Rectangle{
                        id: so2;
                        x:8;y:8
                        width:208;height:27
                        color:"#55ffff";
                        Text{
                            text:"SO2             mg/Nm3"
                            //anchors.centerIn: parent;
                            color:"black";
                            font.pixelSize: 20
                        }
                        Rectangle{
                            x: 60
                            y: 0
                            width:91;height:19
                            color:"#55ff7f"
                            border.color:"black";
                            Text{
                                text:"??????"
                                anchors.centerIn: parent;
                                color:"black";
                                font.family: "Ubuntu"
                                font.pixelSize: 15
                            }
                        }
                    }
                    Rectangle{
                        id:no;
                        x:8;y:41
                        width:216;height:27
                        color:"#55ffff";
                        Text{
                            text:"NO              mg/Nm3"
                            //anchors.centerIn: parent;
                            color:"black";
                            font.pixelSize: 20
                        }
                        Rectangle{
                            x: 60
                            y: 0
                            width:91;height:19
                            color:"#55ff7f"
                            border.color:"black";
                            Text{
                                text:"??????"
                                anchors.centerIn: parent;
                                color:"black";
                                font.family: "Ubuntu"
                                font.pixelSize: 15
                            }
                        }
                    }
                    Rectangle{
                        id:co;
                        x:8;y:74
                        width:208;height:27
                        color:"#55ffff";
                        Text{
                            text:"CO              mg/Nm3"
                            //anchors.centerIn: parent;
                            color:"black";
                            font.pixelSize: 20
                        }
                        Rectangle{
                            x: 60
                            y: 0
                            width:91;height:19
                            color:"#55ff7f"
                            border.color:"black";
                            Text{
                                text:"??????"
                                anchors.centerIn: parent;
                                color:"black";
                                font.family: "Ubuntu"
                                font.pixelSize: 15
                            }
                        }
                    }
                    Rectangle{
                        id:o2;
                        x:8;y:106
                        width:208;height:27
                        color:"#55ffff";
                        Text{
                            text:"O2              %"
                            //anchors.centerIn: parent;
                            color:"black";
                            font.pixelSize: 20
                        }
                        Rectangle{
                            x: 60
                            y: 0
                            width:91;height:19
                            color:"#55ff7f"
                            border.color:"black";
                            Text{
                                text:"??????"
                                anchors.centerIn: parent;
                                color:"black";
                                font.family: "Ubuntu"
                                font.pixelSize: 15
                            }
                        }
                    }
                }

            }
        }
        Rectangle{
            id:line_01;
            x:64;y:136
            width:666;height:4
            border.color: "yellow";
            border.width: 2
        }
        Rectangle{
            id:line_02;
            x:64;y:136
            width:4;height:63
            border.color: "yellow";
            border.width: 2
        }
        Rectangle{
            id:line_03;
            x:790;y:178
            width:4;height:75
            border.color: "yellow";
            border.width: 2
        }
        Rectangle{
            id:line_04;
            x:854;y:136
            width:134;height:4
            border.color: "yellow";
            border.width: 2
        }
        Rectangle{
            id:line_05;
            x:1087;y:166
            width:62;height:4
            border.color: "yellow";
            border.width: 2
        }
        Rectangle{
            id:line_06;
            x:241;y:410
            width:299;height:4
            border.color: "black";
            border.width: 2
        }
        Rectangle{
            id:line_07;
            x:241;y:372
            width:4;height:42
            border.color: "black";
            border.width: 2
        }
        Rectangle{
            id:line_08;
            x:932;y:391
            width:166;height:4
            border.color: "white";
            border.width: 2
        }
        Rectangle{
            id:line_09;
            x:1094;y:391
            width:4;height:66
            border.color: "white";
            border.width: 2
        }
        Image {
            id: yancong
            x: 288
            y: 146
            width: 194
            height: 259
            source: "qrc:///images/yancong.jpg"
        }
    }
}


